﻿body, input, select
{
	font-family : '맑은 고딕', '돋움', Arial, Helvetica, sans-serif;
	font-size : small;
}

#Menu { width : 600px; margin : 0 auto; }
#Menu div { background-color : #eeeeee; border-bottom : solid 1px #cccccc; padding : 5px; }
#Menu a { text-decoration : none; padding-left : 10px; padding-right : 10px; }
#Menu a:hover { text-decoration : underline; }

#Body { width : 600px; margin : 10px auto; }

#Footer { width : 600px; margin : 10px auto; }
#Footer div { background-color : #eeeeee; border-top : solid 1px #cccccc; padding : 5px; text-align : center; }
#Footer a { text-decoration : none; }
#Footer a:hover { text-decoration : underline; }

.AccordionHeader { background-color : #eeeeee; border-bottom : solid 1px #cccccc; padding : 5px; cursor : pointer; }
.AccordionHeaderSelected { background-color : #edf5ff; border-bottom : solid 1px #cccccc; padding : 5px; cursor : pointer; }
.AccordionContent { border-left : solid 1px #cccccc; border-right : solid 1px #cccccc; border-bottom : solid 1px #cccccc; padding : 10px; }

.Title { font-weight : bold; font-size : x-large; }
.Content { margin-bottom : 20px; }
.ControlForm { border : solid 1px #adadad; padding : 10px; }

.Online { color : White; background-color : Green; }
.Offline { color : White; background-color : Red; }

.UserInfo { float : left; width : 285px; margin-bottom : 10px; }
.UserInfo:hover { background-color : #eeeeee; }
.UserPicture { float : left; margin-right : 5px; }
.UserPicture img { width : 50px; height : 50px; }